<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>彩妆热卖产品列表</title>
</head>
<body>

<style>
    *{
        margin: 0px;
        padding: 0px;
    }
    #divall{

        width: 380px;
        margin: 0px auto;/*水平居中*/
    }
    h3{
        background-color: #E9185A;
        color: #FFFFFF;
        line-height: 50px;
        text-indent: 1em;
    }
    ul{
        list-style: none;
    }
    li{
        padding: 5px;
        border-bottom: 1px dashed gray;
    }
    li span{
        width: 25px;
        height: 25px;
        display: inline-block;
        border-radius: 50%;
        background-color: #000000;
        color: #FFFFFF;
        text-align: center;
        line-height:25px ;
        font-weight: bold;
    }
    a{
        text-decoration: none;
        color: gray;
    }
    a:hover{
        color:  #E9185A;

    }
    a:hover span{
        background-color: #E9185A;
    }
</style>
<div id="divall">
    <h3>
        大家都喜欢买的美容品
    </h3>
    <!--ul>li*9>a>span-->
    <ul>
        <li>
            <a href="#">
                <span>1</span>&nbsp;&nbsp;雅诗兰黛即时修护眼部精华霜15ml
            </a>
        </li>
        <li>
            <a href="#">
                <span>2</span>&nbsp;&nbsp;伊丽莎白雅顿显效复合活肤霜 75ml
            </a>
        </li>
        <li>
            <a href="#">
                <span>3</span>OLAY玉兰油多效修护霜 50g
            </a>
        </li>
        <li>
            <a href="#">
                <span>4</span>巨型一号丝瓜水320ML
            </a>
        </li>
        <li>
            <a href="#">
                <span>5</span>倩碧保湿洁肤水2号 200ml
            </a>
        </li>
        <li>
            <a href="#">
                <span>6</span>比度克细肤淡印霜 30g
            </a>
        </li>
        <li>
            <a href="#">
                <span>7</span>兰芝 (LANEIGE)夜间修护锁水面膜 80ml
            </a>
        </li>
        <li>
            <a href="#">
                <span>8</span>SK-II护肤精华露 215ml
            </a>
        </li>
        <li>
            <a href="#">
                <span>9</span>欧莱雅青春密码活颜精华肌底液
            </a>
        </li>
    </ul>

</div>

</body>
</html>